在這篇介紹中，將簡單介紹兩個領域：心理學、前端網頁開發

一、心理學

心理學是一門研究人類行為與心智歷程的學科，也算是一個年輕的學科。現代心理學於 1879 年，在心理學之父馮德的第一個心理實驗室誕生。想研究心理學，就需要有一些工具幫忙。例如用碼表記錄某行為的反應時間，再用行為的反應時間推估心理的反應時間。

時至今日，已經發展出許多能研究心理學的技術與工具。如早期的內省、觀察、物理測量，到後來的問卷、實驗軟體等等。例如最近很夯的 MBTI 測驗，可以把它歸類在問卷的部份 (但心理學研究上，會把他歸類在量表或是心理測驗)。問卷與電腦上的實驗，是還滿常見的兩種心理學研究工具。

二、前端網頁開發

現代人經常透過網頁來吸收與傳遞資訊，但其實很多心理研究也會透過網頁來推進，像是網路問卷以及網路實驗。即便有現成的工具可以直接建立網路問卷或網路實驗(例如 Google 表單)，但如果想客製出特別的功能，就會需要有一點網頁程式語言的知識。

通常一個網頁由三種語言構成：HTML、CSS、JavaScript

HTML（HyperText Markup Language，超文本標記語言）可以把它想成是網頁的骨架。網頁的標題、內文、按鈕、輸入框，這些都是屬於 HTML 的一部分。

CSS (Cascading Stylesheets，階層樣式表) 可以想成是網頁的外衣。文字的大小、背景的顏色，這些都是可以透過 CSS 去調整的。

JS (JavaScript，沒有中文翻譯 ) 可以想成是網頁上的魔法。它除了可以做到 HTML 與 CSS 能作到的事情 (例如產生一個按鈕、調整背景顏色)，也能像計算機一樣進行各種數學、邏輯運算。

如果想研究心理學，就會需要接觸研究方法與工具(例如問卷、實驗軟體)。如果想透過網頁建立自己的研究工具，就必須要了解網頁前端技術 (HTML、CSS、JavaScript)。本系列文將介紹如何透過前端網頁技術，來建立自己的網路問卷、以及網路實驗。